2장 d3.js 소개

d3가 나오기까지

• 개발자의 정보 시각화에 대한 2011년 논문 (opens new window): 시각화 도구의 필요성

d3의 대안들

쉽게 접근할 수 있는 차트도구

• DataWrapper (opens new window): 최신브라우저에선 인터렉티브, 오래된 브라우저엔 정적 이미지로 표시한다. 저널리스트를 위해서 설계된 서비스.
• Flot (opens new window): 오래된 브라우저 지원. 제한된 지원. 사용은 쉽다.
• Google Chart tools (opens new window)
• gRaphael (opens new window)
• Highcharts JS (opens new window): 비영리 목적은 무료. 유료 솔루션.
• JavaScript InfoVis Toolkit (opens new window): 많은 예제와 문서. 예쁘지 않다.
• jqPlot (opens new window): 차트가 단순하다. 다양한 예제 제공. 정적 이미지 느낌으로 제공한다.
• jQuery Sparklines (opens new window): 최신 엑셀에서 제공하는 스파크라인(글 옆에 작게 들어가는 글자높이의 가로로 긴 그래프)을 그려주는 라이브러리.
• Peity (opens new window): 아주 단순한 막대, 선, 파이차트를 그려주는 라이브러리
• Timeline.js (opens new window): 타임라인과 풍부한 설명을 보여주기 좋은 라이브러리. 내가 쓸 일은 없겠다.
• YUI Charts (opens new window): Yahoo가 만든 차트 모듈. 역시 쓸 일 없겠다.

그래프 시각화 도구

• Arbor.js (opens new window): 간단한 네트워크 그리거나, 인터렉티브를 꾸밀 때 좋겠다.
• Sigma.js (opens new window): 경량 라이브러리. 정적인 네트워크를 보여주기에 좋을 것 같다.

지오매핑 도구

• Kartograph (opens new window): 데모는 꼭 한번 볼 만 하다.
• Leaflet (opens new window): 위성지도를 서비스할 때 이쁘다. 마이크의 데모 'Leaflet과 D3를 같이 사용하기 (opens new window)'를 참조하자.
• Modest Maps (opens new window): 구관이 명관이라고 책에 설명되어 있지만, 느리다. 확인도 못하겠다. 안씀.
• Polymaps (opens new window): 벡터로 지도 이미지를 보여주는 듯. 예쁘긴 하나, 역시 안 쓸 것 같다.

자유로운 그리기 도구

• Processing.js (opens new window): Processing의 js 포팅 버전. 인터렉티브 디자인에 이용된다.
• Paper.js (opens new window): 선 위주의 이미지가 많이보인다. 예술가용인 듯. 그냥 이쁘게 보기 좋다. 내가 쓸 일은 없겠다.

3차원 도구

• PhiloGL (opens new window): GL를 붙일만하다. 웹에서 3차원 이미지를 보여준다.
• Three.js (opens new window): 역시 웹에서 3차원 구현

D3로 만들어진 도구

• Crossfilter (opens new window): 다차원 자료를 필터해서 보여준다.
• Cubism (opens new window): 시계열 실시간 자료를 시각화한다.
• Dashku (opens new window): 대쉬보드 서비스인것 같은데, 인증서가 만료되고, 안 이쁘다. 패스
• dc.js (opens new window): crossfilter를 이용한 개량된 버전인데, 물건이다.
• NVD3 (opens new window): 재활용 가능한 D3 차트 라이브러리. 쉽게 쓰기 좋을 것 같다.
• Polychart.js (opens new window): 망한것 같다. 깃헙 저장소는 있지만, 홈페이지가 죽었다.
• Rickshaw (opens new window): 시계열 그래프를 다루고 있지만, 기능이 제한적으로 보인다.
• Tributary (opens new window): 코드를 테스트해 볼 수 있다고 하나, 시대에 뒤쳐진 기분.
• C3.js (opens new window): NVD3와 마찬가지로, d3를 쓰기 쉽게 만들어놓은 라이브러리. 빌보드가 더 나은 선택으로 보인다.
• billboard.js (opens new window): naver 개발자가 만든 c3.js 개량버전. 2017년까지는 활발하게 개발했었다. D3.js v4를 지원한다.